<template>
	<view class="ahqchart">
		<view class="all_header">
			<view class="header text-center">
				<text>券券在此声明，您通过本软件参加的商业活动，与 Apple Inc. 无关</text>
			</view>
			<view class="header1">
				<image style="width: 750rpx;" src="/static/img/guizegonglv.png" mode="widthFix"></image>
			</view>
			<view class="header2" style="width: 670rpx;height: 550rpx;margin: 0 auto;padding: 0 5.5%;background-image: url(/static/img/guizegonglv2.png);background-size: 670rpx 550rpx;background-repeat: no-repeat">
				<!-- <image style="width: 670rpx;position: absolute;left: 0;right: 0;margin: 0 auto;display: block;z-index: -1;" src="/static/img/guizegonglv2.png" mode="widthFix"></image> -->
				<view class="header2_title text-center " style="padding-top: 68px;padding-bottom: 5px;">
					<text class="font-md text-white">火币网-全球知名的数字货币交易平台</text>
				</view>
				<view class="header2_box" style="border: 1px solid #219da0;margin: 0 1rpx;">
					<view class="header2_box_item1 text-center" style="border-bottom: 1px solid #219da0;">
						<text class="font-md font-weight" style="color: #eff556;">火币网取值时间 2021-03-17 15:55</text>
					</view>
					<view class="header2_box_item2 text-center row" style="border-bottom: 1px solid #219da0;height: 100rpx;">
						<view class="span24-8" style="border-right: 1px solid #219da0;">
							
						</view>
						<view class="span24-8 d-flex flex-column a-center j-center" style="border-right: 1px solid #219da0;">
							<text class="text-light-muted py" style="font-size: 6px;">BTC/USDT最高价</text>
							<text class="font-md" style="color: #eff556;">55829.74</text>
						</view>
						<view class="span24-8 d-flex flex-column a-center j-center">
							<text class="text-light-muted py" style="font-size: 6px;">BTC/USDT最低价</text>
							<text class="font-md" style="color: #eff556;">55829.74</text>
						</view>
					</view>
					<view class="header2_box_item2 text-center row" style="border-bottom: 1px solid #219da0;height: 70rpx;">
						<view class="span24-8 d-flex a-center j-center" style="border-right: 1px solid #219da0;">
							<text class="font-md text-light-muted">取后三位</text>
						</view>
						<view class="span24-8 d-flex flex-column a-center j-center" style="border-right: 1px solid #219da0;">
							<text class="font-md" style="color: #eff556;">527</text>
						</view>
						<view class="span24-8 d-flex flex-column a-center j-center">
							<text class="font-md" style="color: #eff556;">226</text>
						</view>
					</view>
					<view class="header2_box_item2 text-center row" style="border-bottom: 1px solid #219da0;height: 70rpx;">
						<view class="span24-8 d-flex a-center j-center" style="border-right: 1px solid #219da0;">
							<text class="font-md text-light-muted" >拼接数</text>
						</view>
						<view class="span24-16 d-flex flex-column a-center j-center">
							<text class="font-md" style="color: #eff556;">527</text>
						</view>
					</view>
				</view>
				<view class="header-bottom d-flex a-center j-end">
					<text class="text-light-muted  font-sm py-1">数据更新倒计时:</text>
					<van-count-down @finish="finish" class="text-light-muted  font-sm"   :time="time" format="ss" />
					<text class="text-light-muted  font-sm py-1">s</text>
				</view>
			</view>
		</view>
		
		
		<view class="content-bottom" style="width: 750rpx;margin: 0 auto;padding: 0 5.5%;">
			<image mode="widthFix" style="width: 750rpx;" src="/static/img/guizegonglv3.jpeg"></image>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				time:20*1000
			}
		},
		methods:{
			finish(){
				this.time=60*1000;
				//请求一下获取最新的拼接数数据
			}
		}
	}
</script>

<style lang="scss" scoped>
	.ahqchart{
		min-height: 100%;
		background: #00158b;
		width: 100%;
		overflow: hidden;
	}
	
	.all_header{
		    position: relative;
		    min-height: 780rpx;
			.header{
				    font-size: 25rpx;
				    font-family: PingFang SC;
				    color: #fff;
				    width: 100%;
				    word-break: break-all;
				    white-space: nowrap;
				    -webkit-transform: scale(.7);
				    transform: scale(.7);
				    -webkit-transform-origin-x: center;
				    top: 25rpx;
			}
	}
</style>
